<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>互联网求职招聘找工作-上拉勾招聘-专业的互联网求职招聘网站</title>
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <!-- 引入分层的css 文件 -->
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/header.css">
  <link rel="stylesheet" href="css/loginBanner.css">
  <link rel="stylesheet" href="css/search.css">
  <link rel="stylesheet" href="css/content.css">
  <link rel="stylesheet" href="css/classifyContent.css">
  <link rel="stylesheet" href="css/indexMain.css">
  <link rel="stylesheet" href="css/moduleTabs.css">
  <link rel="stylesheet" href="css/hotRecruit.css">
  <link rel="stylesheet" href="css/hotCompany.css">
  <link rel="stylesheet" href="css/hotLinks.css">
  <link rel="stylesheet" href="css/footer.css">
  <link rel="stylesheet" href="css/copyright.css">
  <link rel="stylesheet" href="css/backtop.css">
</head>
<body>
  <!-- header 区域开始 -->
  <div class="header">
    <div class="inner-c header-c">
      <!-- header 的左侧 -->
      <div class="header-left">
        <!-- logo 区域 -->
        <h1 class="logo">
          <a href="index.html">拉勾招聘|招聘|求职|互联网|培训|JAVA|前端</a>
        </h1>
        <!-- 城市选择 -->
        <div class="city">
          <span>全国站</span><i>[切换城市]</i>
        </div>
        <!-- 导航区域 -->
        <ul class="nav">
          <li class="current"><a href="index.html">首页</a></li>
          <li><a href="company.html">公司</a></li>
          <li><a href="school.html">校园招聘</a></li>
          <li><a href="#">言职</a></li>
          <li><a href="#">职位</a></li>
          <li><a href="#">课程<span class="tips">new</span></a></li>
        </ul>
      </div>
      <!-- header 的右侧 -->
      <div class="header-right">
        <a href="#" class="upload">上传简历</a>
        <a href="#" class="position">职位订阅</a>
        <a href="#" class="login">登录<i></i></a>
        <span>|</span>
        <a href="#" class="register">注册</a>
        <a href="#" class="app">拉勾APP<i></i></a>
        <a href="#" class="enter">进入企业版</a>
      </div>
    </div>
  </div>
  <!-- header 区域结束 -->
  <!-- login-banner 区域开始 -->
  <div class="login-banner">
    <div class="inner-c login-banner-c">
      <!-- 广告区域 -->
      <div class="ad">
        <img src="images/text_01.png">
        <p>989992家公司 | 7609558个职位，在拉勾等你</p>
      </div>
      <!-- 登录表单部分 -->
      <div class="login-form">
        <!-- 电话号码 -->
        <div class="tel">
          <div class="area-code">
            <!-- 当前显示的编码 -->
            <span class="area-code-now">0086</span>
            <!-- 下拉菜单 -->
            <div class="area-code-list">
              <dl>
                <dt>常用</dt>
                <dd>中国<span>0086</span></dd>
                <dd>中国香港<span>00852</span></dd>
                <dd>中国台湾<span>00886</span></dd>
                <dd>中国澳门<span>00853</span></dd>
                <dd>美国<span>001</span></dd>
                <dt>A</dt>
                <dd>澳大利亚<span>0061</span></dd>
                <dd>中国澳门<span>00853</span></dd>
                <dd>爱尔兰<span>00353</span></dd>
                <dt>B</dt>
                <dd>巴西<span>0055</span></dd>
                <dt>D</dt>
                <dd>德国<span>0049</span></dd>
                <dt>E</dt>
                <dd>俄罗斯<span>007</span></dd>
                <dt>F</dt>
                <dd>法国<span>0033</span></dd>
                <dt>H</dt>
                <dd>韩国<span>0082</span></dd>
                <dd>荷兰<span>0031</span></dd>
              </dl>
              <p>如果没有找到您的所在归属地，请拨打客服电话4006282835解决。</p>
            </div>
          </div>
          <input type="text" class="user-tel" placeholder="请输入手机号">
        </div>
        <!-- 验证码 -->
        <div class="yzm">
          <input type="text" class="yzm-txt" placeholder="验证码">
          <i>|</i>
          <span>获取</span>
        </div>
        <!-- 登录注册按钮 -->
        <div class="login-or-register">登录/注册</div>
      </div>
    </div>
  </div>
  <!-- login-banner 区域结束 -->
  <!-- search 区域开始 -->
  <div class="search">
    <!-- 中心的容器 -->
    <div class="search-wrapper">
      <form class="search-form">
        <input type="text" class="search-input" placeholder="搜索职位、公司或地点">
        <input type="submit" value="搜索" class="btn">
      </form>
    </div>
  </div>
  <!-- search 区域结束 -->
  <!-- 主要内容 content 区域开始 -->
  <div class="content">
    <div class="inner-c">
      <!-- main 区域 -->
      <div class="main">
        <div class="aside">
          <ul class="classify">
            <li class="jishu">
              <div>
                <h2>技术</h2>
                <p>
                  <a href="#">Java</a>
                  <a href="#">PHP</a>
                  <a href="#">C++</a>
                  <a href="#">区块链</a>
                </p>
                <b></b>
              </div>
              <div class="jishu-content">
                <dl class="houduan">
                  <dt>
                    <span>后端开发</span>
                  </dt>
                  <dd>
                    <a href="#" class="color-green">Java</a>
                    <a href="#" class="color-green">C++</a>
                    <a href="#" class="color-green">PHP</a>
                    <a href="#" class="color-green">数据挖掘</a>
                    <a href="#">搜索算法</a>
                    <a href="#">精准推荐</a>
                    <a href="#">C</a>
                    <a href="#" class="border-none">C#</a>
                    <a href="#">全栈工程师</a>
                    <a href="#">.NET</a>
                    <a href="#">Hadoop</a>
                    <a href="#">Python</a>
                    <a href="#">Delphi</a>
                    <a href="#">VB</a>
                    <a href="#">Perl</a>
                    <a href="#" class="border-none">Ruby</a>
                    <a href="#">Node.js</a>
                    <a href="#">Go</a>
                    <a href="#">ASP</a>
                    <a href="#">Shell</a>
                    <a href="#" class="color-green">区块链</a>
                    <a href="#">后端开发其它</a>
                  </dd>
                </dl>
                <dl class="yidong">
                  <dt>
                    <span>移动开发</span>
                  </dt>
                  <dd>
                    <a href="#">HTML5</a>
                    <a href="#" class="color-green">Android</a>
                    <a href="#" class="color-green">iOS</a>
                    <a href="#">WP</a>
                    <a href="#">移动开发其它</a>
                  </dd>
                </dl>
                <dl class="qianduan">
                  <dt>
                    <span>前端开发</span>
                  </dt>
                  <dd>
                    <a href="#">web前端</a>
                    <a href="#">Flash</a>
                    <a href="#" class="color-green">html5</a>
                    <a href="#">JavaScript</a>
                    <a href="#">U3D</a>
                    <a href="#">COCOS2D-X</a>
                    <a href="#">前端开发其它</a>
                  </dd>
                </dl>
                <dl class="rengong">
                  <dt>
                    <span>人工智能<i class="icon-new"></i></span>
                  </dt>
                  <dd>
                    <a href="#" class="color-green">机器学习</a>
                    <a href="#" class="color-green">深度学习</a>
                    <a href="#">图像处理</a>
                    <a href="#">图像识别</a>
                    <a href="#">语音识别</a>
                    <a href="#" class="border-none">机器视觉</a>
                    <a href="#">算法工程师</a>
                    <a href="#" class="color-green">自然语言处理</a>
                  </dd>
                </dl>
                <dl class="ceshi">
                  <dt>
                    <span>测试</span>
                  </dt>
                  <dd>
                    <a href="#">测试工程师</a>
                    <a href="#">自动化测试</a>
                    <a href="#">功能测试</a>
                    <a href="#">性能测试</a>
                    <a href="#">测试开发</a>
                    <a href="#" class="border-none">游戏测试</a>
                    <a href="#">白盒测试</a>
                    <a href="#">灰盒测试</a>
                    <a href="#">黑盒测试</a>
                    <a href="#">手机测试</a>
                    <a href="#">硬件测试</a>
                    <a href="#">测试经理</a>
                    <a href="#">测试其它</a>
                  </dd>
                </dl>
                <dl class="yunwei">
                  <dt>
                    <span>运维</span>
                  </dt>
                  <dd>
                    <a href="#">运维工程师</a>
                    <a href="#">运维开发工程师</a>
                    <a href="#">网络工程师</a>
                    <a href="#">系统工程师</a>
                    <a href="#">IT支持</a>
                    <a href="#" class="border-none">IDC</a>
                    <a href="#">CDN</a>
                    <a href="#">F5</a>
                    <a href="#">系统管理员</a>
                    <a href="#">病毒分析</a>
                    <a href="#">WEB安全</a>
                    <a href="#">网络安全</a>
                    <a href="#">系统安全</a>
                    <a href="#">运维经理</a>
                    <a href="#">运维其它</a>
                  </dd>
                </dl>
                <dl class="dba">
                  <dt>
                    <span>DBA</span>
                  </dt>
                  <dd>
                    <a href="#">MySQL</a>
                    <a href="#">SQLServer</a>
                    <a href="#">Oracle</a>
                    <a href="#">DB2</a>
                    <a href="#">MongoDB</a>
                    <a href="#">ETL</a>
                    <a href="#">Hive</a>
                    <a href="#" class="border-none">数据仓库</a>
                    <a href="#">DBA其它</a>
                  </dd>
                </dl>
                <dl class="zhiwei">
                  <dt>
                    <span>高端职位</span>
                  </dt>
                  <dd>
                    <a href="#">技术经理</a>
                    <a href="#" class="color-green">技术总监</a>
                    <a href="#" class="color-green">架构师</a>
                    <a href="#" class="color-green">CTO</a>
                    <a href="#">运维总监</a>
                    <a href="#">技术合伙人</a>
                    <a href="#" class="border-none">项目总监</a>
                    <a href="#">测试总监</a>
                    <a href="#">安全专家</a>
                    <a href="#">高端技术职位其它</a>
                  </dd>
                </dl>
                <dl class="xiangmu">
                  <dt>
                    <span>项目管理</span>
                  </dt>
                  <dd>
                    <a href="#">项目经理</a>
                    <a href="#">项目助理</a>
                  </dd>
                </dl>
                <dl class="yingjian">
                  <dt>
                    <span>硬件开发</span>
                  </dt>
                  <dd>
                    <a href="#">硬件</a>
                    <a href="#">嵌入式</a>
                    <a href="#">自动化</a>
                    <a href="#">单片机</a>
                    <a href="#">电路设计</a>
                    <a href="#">驱动开发</a>
                    <a href="#" class="border-none">系统集成</a>
                    <a href="#">FPGA开发</a>
                    <a href="#">DSP开发</a>
                    <a href="#">ARM开发</a>
                    <a href="#">PCB工艺</a>
                    <a href="#">模具设计</a>
                    <a href="#">热传导</a>
                    <a href="#" class="border-none">材料工程师</a>
                    <a href="#">精益工程师</a>
                    <a href="#">射频工程师</a>
                    <a href="#">硬件开发其它</a>
                  </dd>
                </dl>
                <dl class="qiye">
                  <dt>
                    <span>企业软件</span>
                  </dt>
                  <dd>
                    <a href="#">实施工程师</a>
                    <a href="#">售前工程师</a>
                    <a href="#">售后工程师</a>
                    <a href="#">BI工程师</a>
                    <a href="#">企业软件其它</a>
                  </dd>
                </dl>
              </div>
            </li>
            <li class="chanpin">
              <div>
                <h2>产品</h2>
                <p>
                  <a href="#">产品总监</a>
                  <a href="#">产品经理</a>
                </p>
                <b></b>
              </div>
              <div class="chanpin-content">
                <dl>
                  <dt>
                    <span>产品经理</span>
                  </dt>
                  <dd>
                    <a href="#" class="color-green">产品经理</a>
                    <a href="#">网页产品经理</a>
                    <a href="#">移动产品经理</a>
                    <a href="#">产品助理</a>
                    <a href="#" class="color-green border-none">数据产品经理</a>
                    <a href="#">电商产品经理</a>
                    <a href="#" class="color-green">游戏策划</a>
                    <a href="#">产品实习生</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>产品设计师</span>
                  </dt>
                  <dd>
                    <a href="#">网页产品设计师</a>
                    <a href="#">无线产品设计师</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>高端职位</span>
                  </dt>
                  <dd>
                    <a href="#">产品部经理</a>
                    <a href="#" class="color-green">产品总监</a>
                    <a href="#">游戏制作人</a>
                  </dd>
                </dl>
              </div>
            </li>
            <li class="sheji">
              <div>
                <h2>设计</h2>
                <p>
                  <a href="#">UI设计师</a>
                  <a href="#">交互设计</a>
                  <a href="#">网页设计师</a>
                </p>
                <b></b>
              </div>
              <div class="sheji-content">
                <dl>
                  <dt>
                    <span>视觉设计</span>
                  </dt>
                  <dd>
                    <a href="#">视觉设计师</a>
                    <a href="#">网页设计师</a>
                    <a href="#">Flash设计师</a>
                    <a href="#">APP设计师</a>
                    <a href="#">UI设计师</a>
                    <a href="#" class="border-none">平面设计师</a>
                    <a href="#">美术设计师（2D/3D)</a>
                    <a href="#">广告设计师</a>
                    <a href="#">多媒体设计师</a>
                    <a href="#">原画师</a>
                    <a href="#" class="border-none">游戏特效</a>
                    <a href="#">游戏界面设计师</a>
                    <a href="#">游戏场景</a>
                    <a href="#">游戏角色</a>
                    <a href="#">游戏动作</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>交互设计</span>
                  </dt>
                  <dd>
                    <a href="#">交互设计师</a>
                    <a href="#">无线交互设计师</a>
                    <a href="#">网页交互设计师</a>
                    <a href="#">硬件交互设计师</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>用户研究</span>
                  </dt>
                  <dd>
                    <a href="#">数据分析师</a>
                    <a href="#">用户研究员</a>
                    <a href="#">游戏数值策划</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>高端职位</span>
                  </dt>
                  <dd>
                    <a href="#">设计经理/主管</a>
                    <a href="#" class="border-none">设计总监</a>
                    <a href="#">视觉设计经理/主管</a>
                    <a href="#">视觉设计总监</a>
                    <a href="#">交互设计经理/主管</a>
                    <a href="#">交互设计总监</a>
                    <a href="#">用户研究经理/主管</a>
                    <a href="#">用户研究总监</a>
                  </dd>
                </dl>
              </div>
            </li>
            <li class="yunying">
              <div>
                <h2>运营</h2>
                <p>
                  <a href="#">新媒体运营</a>
                  <a href="#">编辑</a>
                  <a href="#">数据运营</a>
                </p>
                <b></b>
              </div>
              <div class="yunying-content">
                <dl>
                  <dt>
                    <span>运营</span>
                  </dt>
                  <dd>
                    <a href="#">用户运营</a>
                    <a href="#">产品运营</a>
                    <a href="#" class="color-green">数据运营</a>
                    <a href="#">内容运营</a>
                    <a href="#">活动运营</a>
                    <a href="#">商家运营</a>
                    <a href="#" class="border-none">品类运营</a>
                    <a href="#">游戏运营</a>
                    <a href="#">网络推广</a>
                    <a href="#">运营专员</a>
                    <a href="#">网店运营</a>
                    <a href="#" class="color-green">新媒体运营</a>
                    <a href="#">海外运营</a>
                    <a href="#">运营经理</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>编辑</span>
                  </dt>
                  <dd>
                    <a href="#">副主编</a>
                    <a href="#">内容编辑</a>
                    <a href="#">文案策划</a>
                    <a href="#">记者</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>客服</span>
                  </dt>
                  <dd>
                    <a href="#">售前咨询</a>
                    <a href="#">售后客服</a>
                    <a href="#">淘宝客服</a>
                    <a href="#">客服经理</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>高端职位</span>
                  </dt>
                  <dd>
                    <a href="#">主编</a>
                    <a href="#" class="color-green">运营总监</a>
                    <a href="#" class="color-green">COO</a>
                    <a href="#">客服总监</a>
                  </dd>
                </dl>
              </div>
            </li>
            <li class="shichang">
              <div>
                <h2>市场</h2>
                <p>
                  <a href="#">市场营销</a>
                  <a href="#">市场推广</a>
                  <a href="#">市场策划</a>
                </p>
                <b></b>
              </div>
              <div class="shichang-content">
                <dl>
                  <dt>
                    <span>市场/营销</span>
                  </dt>
                  <dd>
                    <a href="#" class="color-green">市场营销</a>
                    <a href="#" class="color-green">市场策划</a>
                    <a href="#">市场顾问</a>
                    <a href="#">商务渠道</a>
                    <a href="#">商业数据分析</a>
                    <a href="#" class="border-none">活动策划</a>
                    <a href="#">网络营销</a>
                    <a href="#">海外市场</a>
                    <a href="#">商务专员</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>媒介/公关</span>
                  </dt>
                  <dd>
                    <a href="#" class="color-green">政府关系</a>
                    <a href="#">品牌公关</a>
                    <a href="#">广告协调</a>
                    <a href="#">媒介投放</a>
                    <a href="#">媒介合作</a>
                    <a href="#">媒介顾问</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>品牌/广告</span>
                  </dt>
                  <dd>
                    <a href="#">广告创意</a>
                    <a href="#">广告制作</a>
                    <a href="#" class="color-green">广告文案</a>
                    <a href="#" class="color-green">广告投放</a>
                    <a href="#">广告定价</a>
                    <a href="#">广告专员</a>
                    <a href="#" class="border-none">品牌合作</a>
                    <a href="#">品牌策划</a>
                    <a href="#">品牌专员</a>
                    <a href="#">美术指导</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>渠道/推广</span>
                  </dt>
                  <dd>
                    <a href="#" class="color-green">市场推广</a>
                    <a href="#">渠道推广</a>
                    <a href="#" class="color-green">SEO</a>
                    <a href="#" class="color-green">SEM</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>高端职位</span>
                  </dt>
                  <dd>
                    <a href="#">策划经理</a>
                    <a href="#">媒介经理</a>
                    <a href="#">市场总监</a>
                    <a href="#">公关总监</a>
                    <a href="#">媒介总监</a>
                    <a href="#">创意总监</a>
                  </dd>
                </dl>
              </div>
            </li>
            <li class="xiaoshou">
              <div>
                <h2>销售</h2>
                <p>
                  <a href="#">销售专员</a>
                  <a href="#">销售经理</a>
                  <a href="#">销售总监</a>
                </p>
                <b></b>
              </div>
              <div class="xiaoshou-content">
                <dl>
                  <dt>
                    <span>销售</span>
                  </dt>
                  <dd>
                    <a href="#" class="color-green">销售专员</a>
                    <a href="#">销售顾问</a>
                    <a href="#" class="color-green">销售经理</a>
                    <a href="#">客户代表</a>
                    <a href="#" class="color-green">大客户代表</a>
                    <a href="#" class="color-green">客户经理</a>
                    <a href="#" class="border-none">商务拓展</a>
                    <a href="#">渠道销售</a>
                    <a href="#">代理商销售</a>
                    <a href="#" class="color-green">电话销售</a>
                    <a href="#">广告销售</a>
                    <a href="#">信用卡销售</a>
                    <a href="#" class="border-none">保险销售</a>
                    <a href="#">销售工程师</a>
                    <a href="#">商务渠道</a>
                    <a href="#">其他销售</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>销售管理</span>
                  </dt>
                  <dd>
                    <a href="#" class="color-green">销售总监</a>
                    <a href="#">商务总监</a>
                    <a href="#">区域总监</a>
                    <a href="#">城市经理</a>
                    <a href="#">团队经理</a>
                    <a href="#">销售VP</a>
                    <a href="#" class="border-none">商务主管</a>
                    <a href="#">其他销售管理职位</a>
                  </dd>
                </dl>
              </div>
            </li>
            <li class="zhineng">
              <div>
                <h2>职能</h2>
                <p>
                  <a href="#">HR</a>
                  <a href="#">行政</a>
                  <a href="#">财务</a>
                  <a href="#">审计</a>
                </p>
                <b></b>
              </div>
              <div class="zhineng-content">
                <dl>
                  <dt>
                    <span>人力资源</span>
                  </dt>
                  <dd>
                    <a href="#">人力资源</a>
                    <a href="#">招聘</a>
                    <a href="#">HRBP</a>
                    <a href="#">人事/HR</a>
                    <a href="#">培训经理</a>
                    <a href="#">薪资福利经理</a>
                    <a href="#" class="border-none">绩效考核经理</a>
                    <a href="#">员工关系</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>行政</span>
                  </dt>
                  <dd>
                    <a href="#">助理</a>
                    <a href="#">前台</a>
                    <a href="#" class="color-green">行政</a>
                    <a href="#">总助</a>
                    <a href="#">文秘</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>财务</span>
                  </dt>
                  <dd>
                    <a href="#">会计</a>
                    <a href="#">出纳</a>
                    <a href="#" class="color-green">财务</a>
                    <a href="#">结算</a>
                    <a href="#">税务</a>
                    <a href="#" class="color-green">审计</a>
                    <a href="#">风控</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>法务</span>
                  </dt>
                  <dd>
                    <a href="#">法务</a>
                    <a href="#">律师</a>
                    <a href="#">专利</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>高端职位</span>
                  </dt>
                  <dd>
                    <a href="#">行政总监/经理</a>
                    <a href="#">财务总监/经理</a>
                    <a href="#">HRD/HRM</a>
                    <a href="#">CFO</a>
                    <a href="#">CEO</a>
                  </dd>
                </dl>
              </div>
            </li>
            <li class="youxi">
              <div>
                <h2>游戏</h2>
                <p>
                  <a href="#">小游戏开发</a>
                  <a href="#">U3D</a>
                  <a href="#">游戏策划</a>
                </p>
                <b></b>
              </div>
              <div class="youxi-content">
                <dl>
                  <dt>
                    <span>技术开发</span>
                  </dt>
                  <dd>
                    <a href="#">H5游戏开发</a>
                    <a href="#" class="color-green">小游戏开发</a>
                    <a href="#">游戏后端开发</a>
                    <a href="#">C++游戏开发</a>
                    <a href="#" class="border-none">FLASH</a>
                    <a href="#">COCOS2D-X</a>
                    <a href="#" class="color-green">U3D</a>
                    <a href="#">游戏测试</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>产品策划</span>
                  </dt>
                  <dd>
                    <a href="#">游戏制作人</a>
                    <a href="#">游戏产品经理</a>
                    <a href="#">游戏项目经理</a>
                    <a href="#" class="color-green">游戏策划</a>
                    <a href="#" class="color-green">剧情设计</a>
                    <a href="#">游戏文案</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>设计</span>
                  </dt>
                  <dd>
                    <a href="#" class="color-green">游戏动画</a>
                    <a href="#" class="color-green">游戏原画</a>
                    <a href="#">游戏界面</a>
                    <a href="#">游戏场景</a>
                    <a href="#">游戏角色</a>
                    <a href="#">游戏动作</a>
                    <a href="#" class="border-none">游戏动效</a>
                    <a href="#">游戏美工</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>运营/推广</span>
                  </dt>
                  <dd>
                    <a href="#" class="color-green">游戏运营</a>
                    <a href="#">游戏编辑</a>
                    <a href="#">游戏推广</a>
                    <a href="#" class="color-green">手游推广</a>
                    <a href="#">页游推广</a>
                  </dd>
                </dl>
                <dl>
                  <dt>
                    <span>其他</span>
                  </dt>
                  <dd>
                    <a href="#" class="color-green">游戏主播</a>
                    <a href="#" class="color-green">游戏陪练</a>
                    <a href="#">游戏体验</a>
                    <a href="#">电竞主持</a>
                    <a href="#">电竞讲师</a>
                  </dd>
                </dl>
              </div>
            </li>
          </ul>
        </div>
        <div class="banner">
          <ul>
            <li><a href="#"><img src="images/banner_01.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/banner_02.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/banner_03.jpg" alt=""></a></li>
            <li><a href="#"><img src="images/banner_04.png" alt=""></a></li>
            <li><a href="#"><img src="images/banner_05.jpg" alt=""></a></li>
          </ul>
          <div class="btn">
            <span class="left-btn"></span>
            <span class="right-btn"></span>
          </div>
          <ol>
            <li class="current"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
          </ol>
        </div>
      </div>
      <!-- main 区域结束 -->
      <!-- 热门职位选项卡部分开始 -->
      <div class="module-tabs hot-recruit">
        <div class="title">
          <span class="current">24Hour热门</span>
          <span>最新职位</span>
        </div>
        <p class="hot-tips">
          <i>?</i>
          <span>过去24小时，最多人看过的岗位在这里</span>
          <a href="#">我知道了</a>
        </p>
        <div class="detail">          
          <!-- title中有几个span，对应的detail中就有几个ul列表 -->
          <ul class="current">
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
          </ul>
          <ul>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
            <li>
              <div class="top">
                <div class="position">
                  <h4 class="name">高级Java工程师</h4>
                  <span class="time">&nbsp;[11:40发布]&nbsp;</span>
                  <div class="chat-me"></div>
                  <span class="salary">25k-45k</span>
                </div>
                <p class="info">
                  <span>经验3-5年</span>
                  <i>/</i>
                  <span>本科</span>
                </p>
                <div class="labels">
                  <span>后端</span>
                  <span>服务器端</span>
                  <span>Java</span>
                </div>
              </div>
              <dl class="bottom">
                <dt><a href="#"><img src="images/wanba.png" alt=""></a></dt>
                <dd>
                  <h4><a href="#">玩吧</a></h4>
                  <p>
                    <span>社交</span>
                    <i>/</i>
                    <span>B轮</span>
                    <i>/</i>
                    <span>北京</span>
                  </p>
                </dd>
              </dl>
            </li>
          </ul>
        </div>
        <!-- 加载更多 -->
        <a href="#" class="more">查看更多</a>
      </div>
      <!-- 热门职位选项卡部分结束 -->
      <!-- 热门公司部分开始 -->
      <div class="module-tabs hot-company">
        <div class="title">
          <span class="current">互联网热门公司</span>
        </div>
        <p class="hot-tips">
          <i>?</i>
          <span>互联网行业实力热门企业</span>
          <a href="#">我知道了</a>
        </p>
        <div class="detail">          
          <!-- title中有几个span，对应的detail中就有几个ul列表 -->
          <ul class="current">
            <li>
              <div class="top">
                <p class="company-logo"><a href="#"><img src="images/company_logo_meituan.jpg" alt=""></a></p>
                <h4><a href="#">美团</a></h4>
                <div class="labels">
                  <span>互联网</span>
                  <i>/</i>
                  <span>上市公司</span>
                </div>
                <p class="info">一站式商业服务平台，顶呱呱集团员工近6000余人，18个业态提供600多种服务项目。</p>
              </div>
              <div class="bottom">
                <a href="#">
                  <p class="data">42</p>
                  <p class="name">面试评价</p>
                </a>
                <a href="#" class="item2">
                  <p class="data">10</p>
                  <p class="name">在招职位</p>
                </a>
                <a href="#" class="item3">
                  <p class="data">100%</p>
                  <p class="name">简历处理率</p>
                </a>
              </div>
            </li>
            <li>
              <div class="top">
                <p class="company-logo"><a href="#"><img src="images/company_logo_meituan.jpg" alt=""></a></p>
                <h4><a href="#">美团</a></h4>
                <div class="labels">
                  <span>互联网</span>
                  <i>/</i>
                  <span>上市公司</span>
                </div>
                <p class="info">一站式商业服务平台，顶呱呱集团员工近6000余人，18个业态提供600多种服务项目。</p>
              </div>
              <div class="bottom">
                <a href="#">
                  <p class="data">42</p>
                  <p class="name">面试评价</p>
                </a>
                <a href="#" class="item2">
                  <p class="data">10</p>
                  <p class="name">在招职位</p>
                </a>
                <a href="#" class="item3">
                  <p class="data">100%</p>
                  <p class="name">简历处理率</p>
                </a>
              </div>
            </li>
            <li>
              <div class="top">
                <p class="company-logo"><a href="#"><img src="images/company_logo_meituan.jpg" alt=""></a></p>
                <h4><a href="#">美团</a></h4>
                <div class="labels">
                  <span>互联网</span>
                  <i>/</i>
                  <span>上市公司</span>
                </div>
                <p class="info">一站式商业服务平台，顶呱呱集团员工近6000余人，18个业态提供600多种服务项目。</p>
              </div>
              <div class="bottom">
                <a href="#">
                  <p class="data">42</p>
                  <p class="name">面试评价</p>
                </a>
                <a href="#" class="item2">
                  <p class="data">10</p>
                  <p class="name">在招职位</p>
                </a>
                <a href="#" class="item3">
                  <p class="data">100%</p>
                  <p class="name">简历处理率</p>
                </a>
              </div>
            </li>
            <li>
              <div class="top">
                <p class="company-logo"><a href="#"><img src="images/company_logo_meituan.jpg" alt=""></a></p>
                <h4><a href="#">美团</a></h4>
                <div class="labels">
                  <span>互联网</span>
                  <i>/</i>
                  <span>上市公司</span>
                </div>
                <p class="info">一站式商业服务平台，顶呱呱集团员工近6000余人，18个业态提供600多种服务项目。</p>
              </div>
              <div class="bottom">
                <a href="#">
                  <p class="data">42</p>
                  <p class="name">面试评价</p>
                </a>
                <a href="#" class="item2">
                  <p class="data">10</p>
                  <p class="name">在招职位</p>
                </a>
                <a href="#" class="item3">
                  <p class="data">100%</p>
                  <p class="name">简历处理率</p>
                </a>
              </div>
            </li>
            <li>
              <div class="top">
                <p class="company-logo"><a href="#"><img src="images/company_logo_meituan.jpg" alt=""></a></p>
                <h4><a href="#">美团</a></h4>
                <div class="labels">
                  <span>互联网</span>
                  <i>/</i>
                  <span>上市公司</span>
                </div>
                <p class="info">一站式商业服务平台，顶呱呱集团员工近6000余人，18个业态提供600多种服务项目。</p>
              </div>
              <div class="bottom">
                <a href="#">
                  <p class="data">42</p>
                  <p class="name">面试评价</p>
                </a>
                <a href="#" class="item2">
                  <p class="data">10</p>
                  <p class="name">在招职位</p>
                </a>
                <a href="#" class="item3">
                  <p class="data">100%</p>
                  <p class="name">简历处理率</p>
                </a>
              </div>
            </li>
            <li>
              <div class="top">
                <p class="company-logo"><a href="#"><img src="images/company_logo_meituan.jpg" alt=""></a></p>
                <h4><a href="#">美团</a></h4>
                <div class="labels">
                  <span>互联网</span>
                  <i>/</i>
                  <span>上市公司</span>
                </div>
                <p class="info">一站式商业服务平台，顶呱呱集团员工近6000余人，18个业态提供600多种服务项目。</p>
              </div>
              <div class="bottom">
                <a href="#">
                  <p class="data">42</p>
                  <p class="name">面试评价</p>
                </a>
                <a href="#" class="item2">
                  <p class="data">10</p>
                  <p class="name">在招职位</p>
                </a>
                <a href="#" class="item3">
                  <p class="data">100%</p>
                  <p class="name">简历处理率</p>
                </a>
              </div>
            </li>
            <li>
              <div class="top">
                <p class="company-logo"><a href="#"><img src="images/company_logo_meituan.jpg" alt=""></a></p>
                <h4><a href="#">美团</a></h4>
                <div class="labels">
                  <span>互联网</span>
                  <i>/</i>
                  <span>上市公司</span>
                </div>
                <p class="info">一站式商业服务平台，顶呱呱集团员工近6000余人，18个业态提供600多种服务项目。</p>
              </div>
              <div class="bottom">
                <a href="#">
                  <p class="data">42</p>
                  <p class="name">面试评价</p>
                </a>
                <a href="#" class="item2">
                  <p class="data">10</p>
                  <p class="name">在招职位</p>
                </a>
                <a href="#" class="item3">
                  <p class="data">100%</p>
                  <p class="name">简历处理率</p>
                </a>
              </div>
            </li>
            <li>
              <div class="top">
                <p class="company-logo"><a href="#"><img src="images/company_logo_meituan.jpg" alt=""></a></p>
                <h4><a href="#">美团</a></h4>
                <div class="labels">
                  <span>互联网</span>
                  <i>/</i>
                  <span>上市公司</span>
                </div>
                <p class="info">一站式商业服务平台，顶呱呱集团员工近6000余人，18个业态提供600多种服务项目。</p>
              </div>
              <div class="bottom">
                <a href="#">
                  <p class="data">42</p>
                  <p class="name">面试评价</p>
                </a>
                <a href="#" class="item2">
                  <p class="data">10</p>
                  <p class="name">在招职位</p>
                </a>
                <a href="#" class="item3">
                  <p class="data">100%</p>
                  <p class="name">简历处理率</p>
                </a>
              </div>
            </li>
          </ul>
        </div>
        <!-- 加载更多 -->
        <a href="#" class="more">查看更多</a>
      </div>
      <!-- 热门公司部分结束 -->
      <!-- 热门链接部分开始 -->
      <div class="module-tabs hot-links">
        <div class="title">
          <span class="current">友情链接</span>
          <span>热门城市</span>
          <span>热门公司</span>
          <span>热门职位</span>
          <span>热门行业</span>
          <span>热门关键词</span>
        </div>
        <div class="detail-list">          
          <!-- title中有几个span，对应的detail中就有几个ul列表 -->
          <ul>
            <li>
              <a href="#">找工作</a>
              <a href="#">招聘网</a>
              <a href="#">招聘</a>
              <a href="#">Java课</a>
              <a href="#">架构课</a>
              <a href="#">招聘网站</a>
              <a href="#">字节跳动</a>
              <a href="#">哔哩哔哩招聘</a>
              <a href="#">AI考拉</a>
              <a href="#">公信宝</a>
              <a href="#">中大网校</a>
              <a href="#">人人都是产品经理</a>
              <a href="#">研究报告</a>
              <a href="#">中华考试网</a>
              <a href="#">教师网</a>
              <a href="#">杭州招聘</a>
              <a href="#">上海招聘</a>
              <a href="#">法律咨询</a>
              <a href="#">兼职吧</a>
              <a href="#">爱问共享资料</a>
              <a href="#">求职网站</a>
              <a href="#">品牌排行榜</a>
              <a href="#">找工作</a>
              <a href="#">招聘网</a>
              <a href="#">招聘</a>
              <a href="#">Java课</a>
              <a href="#">架构课</a>
              <a href="#">招聘网站</a>
              <a href="#">字节跳动</a>
              <a href="#">哔哩哔哩招聘</a>
              <a href="#">AI考拉</a>
              <a href="#">公信宝</a>
              <a href="#">中大网校</a>
              <a href="#">人人都是产品经理</a>
              <a href="#">研究报告</a>
              <a href="#">中华考试网</a>
              <a href="#">教师网</a>
              <a href="#">杭州招聘</a>
              <a href="#">上海招聘</a>
              <a href="#">法律咨询</a>
              <a href="#">兼职吧</a>
              <a href="#">爱问共享资料</a>
              <a href="#">求职网站</a>
              <a href="#">品牌排行榜</a>
              <a href="#">找工作</a>
              <a href="#">招聘网</a>
              <a href="#">招聘</a>
              <a href="#">Java课</a>
              <a href="#">架构课</a>
              <a href="#">招聘网站</a>
              <a href="#">字节跳动</a>
              <a href="#">哔哩哔哩招聘</a>
              <a href="#">AI考拉</a>
              <a href="#">公信宝</a>
              <a href="#">中大网校</a>
              <a href="#" class="look-more">更多</a>
            </li>
          </ul>
          <span class="show-or-close">展开</span>
        </div>
      </div>
      <!-- 热门链接部分结束 -->
    </div>
  </div>
  <!-- 主要内容 content 区域结束 -->
  <!-- footer 区域开始 -->
  <div class="footer">
    <div class="inner-c footer-c">
      <div class="login-method">
        <a href="#" class="login-method-btn">
          <i></i><span>下载拉勾APP</span>
        </a>
        <a href="#" class="login-method-btn mini-pro">
          <i></i><span>微信小程序</span>
          <img src="images/mini_pro.png" alt="">
        </a>
      </div>
      <div class="service">
        <dl>
          <dt>企业服务</dt>
          <dd>
            <a href="#">招聘抢人宝典</a>
            <a href="#">公司搜索</a>
            <a href="#">拉勾APP</a>
          </dd>
        </dl>
        <dl>
          <dt>用户帮助</dt>
          <dd>
            <a href="#">用户服务协议</a>
            <a href="#">隐私政策</a>
            <a href="#">在线提问</a>
          </dd>
        </dl>
        <dl>
          <dt>联系方式</dt>
          <dd>
            <a href="#">服务热线：4006 2828 35 (9:00 -18:00)</a>
            <a href="#">企业服务邮箱：cc@lagou.com</a>
            <a href="#">联系我们</a>
          </dd>
        </dl>
      </div>
    </div>
  </div>
  <!-- footer 区域结束 -->
  <!-- copyright 区域开始 -->
  <div class="copyright">
    <div class="inner-c copyright-c">
      <div class="left">
        <span class="copyright-title">©2020 拉勾网</span>
        <span class="icp">京ICP备14023790号-2</span>
        <a href="#" class="anbei">京公网安备 11010802024043号<i></i></a>
        <div class="jubao">
          <i></i>
          <span>违法和不良信息举报</span>
          <span>电话: 4006 2828 35</span>
          <span>邮箱: cc@lagou.com</span>
        </div>
      </div>
      <div class="lagou-icon"></div>
    </div>
  </div>
  <!-- copyright 区域结束 -->
  <!-- 返回顶部 -->
  <a href="#" class="backtop"></a>
</body>
</html>